<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <a href="https://www.jd.com/">京东</a>

    <script>
        const aObj = document.querySelector("a")
        aObj.addEventListener("click",function(e){

            // console.log("跳转链接")
            /* 
                需求：取消click事件
            */
            //阻止事件触发
            // e.preventDefault();

            // return false;        //基于监听器的注册方式，不能使用return false 阻止事件触发
            console.log("该事件取消执行了")

        });


        // aObj.onclick = function (e) {
        //     // console.log("基于属性的事件绑定方式")

        //     // e.preventDefault();

        //     return false;       //通过返回false也可以阻止事件的执行

        //     /* 
        //         但是，return false 后面的代码就不会执行了
        //      */
        //     console.log("该事件取消执行了")


        // }
    </script>
</body>

</html>